<!-- 分页组件 -->
<template>
  <div>
    <el-pagination @current-change="changePage" @size-change="handleSizeChange" background :current-page="pageData.currentPage"
      :page-sizes="[10,20,50,70,100,200]" :page-size="pageData.pageSize" layout="total, sizes,prev, pager, next,jumper" :total="total">
    </el-pagination>
  </div>
</template>
<script>
export default {
  props: ['pageData', 'total'],
  methods: {
    changePage (val) {
      this.$emit('hanleSize', val)
    },
    handleSizeChange (val) {
      this.$emit('hanlePage', val)
    }
  }
}
</script>